<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>综合配餐后台管理系统</title>
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="/css/page.css" />
</head>
<body>


<div class="dashboard-container">

    <div class="container">
<?php 
$flash = $this->flashMessenger();
echo $flash->render('error',   array('alert', 'alert-dismissible', 'alert-danger'));
echo $flash->render('info',    array('alert', 'alert-dismissible', 'alert-info'));
echo $flash->render('default', array('alert', 'alert-dismissible', 'alert-warning'));
echo $flash->render('success', array('alert', 'alert-dismissible', 'alert-success'));
?>
        <!-- Row Start -->
        <div class="row">
            <div class="col-lg-6 col-md-6 col-md-offset-3">
                <div class="sign-in-container">
                    <form action="/crm/login/loginSubmit" class="login-wrapper" method="post" id="commonForm">
                        <div class="header">
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <h3>登入</h3>
                                    <p>综合配餐后台管理系统</p>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <div class="form-group">
                                <label for="userName">用户名</label>
                                <input type="text" class="form-control" id="userName" name="user_account" placeholder="请输入用户名">
                            </div>
                            <div class="form-group">
                                <label for="Password1">密码</label>
                                <input type="password" class="form-control" id="Password1" name="user_password" placeholder="请输入密码">
                            </div>
                            <div class="form-group">
                                <label for="verif-code">验证码</label>
                                <div>
                                    <input type="text" class="form-control mr20" id="verif-code" name="verif_code" onkeyup="if (this.value != this.value.toUpperCase()) this.value=this.value.toUpperCase();">
                                    <div class="code-pic">
                                    	<img alt="看不清，换一张" src="/crm/login/captcha" onclick="javascript:this.src='/crm/login/captcha?'+new Date().getTime()">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="actions">
                            <input class="btn btn-danger fr" name="Login" type="submit" value="登入">
                            <!--<a class="link" href="#">忘记密码?</a>-->
                            <div class="clearfix"></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- Row End -->

    </div>
</div>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/plugins/jquery-validation-1.15.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="/plugins/jquery-validation-1.15.0/messages_zh.js"></script>
	
<script type="text/javascript">
    $().ready(function() {
		$("#commonForm").validate({
			debug:true,
			rules: {
				user_account: {
					required: true,
				},
				user_password: {
					required: true,
				},
				verif_code: {
					required: true,
				},
		
			},
    		submitHandler:function(form){ 
    	            form.submit();
    	    }   
		});

	});
</script>
</body>
</html>